<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>index</title>
	<link rel="stylesheet" href="/css/bootstrap.min.css">
	 <!-- Font Awesome -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">
    <!-- Ionicons -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">
  	<!-- Theme style -->
    <link rel="stylesheet" href="/css/AdminLTE.min.css">
    <link rel="stylesheet" href="/css/_all-skins.min.css">
	<script type="text/javascript" src='/js/jquery-3.1.1.min.js'></script>
	<script type="text/javascript" src='/js/vue.min.js'></script>
	<script type="text/javascript" src='/js/req.js'></script>
	<script type="text/javascript" src='/js/ui.js'></script>
	<script type="text/javascript" src='/js/bootstrap.min.js'></script>
	<script type="text/javascript" src='/js/app.min.js'></script>
</head>
<body class="skin-blue sidebar-mini">
	<div class="wrapper" style="height: auto;">
		<header class="main-header">
			<a href="#" class="logo">
				<span class="logo-mini">L</span>
				<span class="logo-lg">Logo</span>
			</a>
			<nav class="navbar navbar-static-top">
				<a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
			        <span class="sr-only">Toggle navigation</span>
			        <span class="icon-bar"></span>
			        <span class="icon-bar"></span>
			        <span class="icon-bar"></span>
			    </a>
				<div class="navbar-custom-menu">
					
				</div>
			</nav>
		</header>
		<aside class="main-sidebar">
			<section class="sidebar">
				<div class="user-panel">
					
				</div>
				<ul class="sidebar-menu">
					<!--菜单-->
				</ul>
			</section>
		</aside>
		<div class="content-wrapper">
			<div class="content-header">
				
			</div>
			<div class="content">
				<!--内容-->
				<div class="row">
					<div class="btn-group"  >
						<button class="btn btn-default">1</button>
						<button class="btn btn-default">2</button>
						<button class="btn btn-default">3</button>
					</div>
				</div>
				<div class="row">
					<!--弹出框-->
					<!--
					<div class="modal show" tabindex="-1" >
						<div class="modal-dialog" >
							<div class="modal-content">
								<div class="modal-header">
									<button type="button" class="close" >&times;</button>
									<div class="modal-title">title</div>
								</div>
								<div class="modal-body">
									<span>body</span>
								</div>
								<div class="modal-footer">
									<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        							<button type="button" class="btn btn-primary">OK</button>
								</div>
							</div>
						</div>
					</div>
					-->
				</div>
				<div class="row">
					<button type="button" onclick="fndiaog1();">dialog1</button>
					<button type="button" onclick="fndiaog2();">dialog2</button>
				</div>
			</div>
		</div>
		<footer class="main-footer">
			
		</footer>
	</div>
	<script>
		$.ui.buildMenu();
		let dialog1 = null;
		let dialog2 = null;
		function fndiaog1() {
			dialog1 = $.ui.dialog({title:'#'});
		}

		function fndiaog2() {
			let d = {
				title:'dialog2', 
				class:'modal-lg',
				render:function(){ 
					return '<form role="form"><div class="box-body"><div class="form-group"><label for="exampleInputEmail1">Email address</label>'+
'<input type="email" class="form-control" name="exampleInputEmail1" placeholder="Enter email" required="required"></div>'+
'<div class="form-group"><label for="exampleInputPassword1">Password</label>'+
'<input type="password" class="form-control" name="exampleInputPassword1" placeholder="Password" required="required"></div>'+
'<div class="form-group"><label for="exampleInputFile">File input</label><input type="file" name="exampleInputFile" required="required">'+
'<p class="help-block">Example block-level help text here.</p></div><div class="checkbox">'+
'<label><input type="checkbox"> Check me out</label></div></div></form>';
				},
				ok:function(){
					let f = dialog2.element.find('form')[0];
					if ($.ui.validate(f)) {
						//dialog2.hide();
					}
				}
			};

			dialog2 = $.ui.dialog(d);
		}
	</script>
</body>
</html>